.share-image{
  width: 76rpx;
  height: 76rpx;
}
.shaerImage{
  width: 600rpx;
  height: 800rpx;
}

.scan {
  position: fixed;
  right: 50rpx;
  top: 82rpx;
}
.scan_home{
  width: 60rpx;
  height: 60rpx;
  line-height: 50rpx;
  text-align: center;
  border: 6rpx solid #e8e8e8;
  box-shadow: 1rpx 1rpx 12rpx #e1e1e1;
  padding: 18rpx;
  background: #ffffff;
  position: fixed;
  right: 14rpx;
  top: 12rpx;
  border-radius: 50%;
  /*overflow: hidden;*/
  animation: rotatefresh 2s infinite linear ;
}
.scan_homeV2{
  width: 40rpx;
  height: 40rpx;
  line-height: 30rpx;
  right: 28rpx;
  top: 20rpx;
  text-align: center;
  border: 1rpx solid #d3d3d3;
  box-shadow: 1rpx 1rpx 12rpx #53c6ff;
}
.rotate{
  animation: 800ms rotatefresh 1;
}
.changerotate1{
  animation: 800ms rotatefresh1 1;
  animation-fill-mode:forwards;
}
@keyframes rotatefresh1 {
  from {
    transform: rotate(0deg);
    top: 20rpx;
    //right: 50rpx;
  }
  to {
    transform: rotate(360deg);
    transition-duration: 0.6s;
    transition: 0.6s;
    top: 130rpx;
    //right: 200rpx;
  }
}

.changerotate2{
  animation: 800ms rotatefresh2 1;
  animation-fill-mode:forwards;
}
@keyframes rotatefresh2 {
  from {
    transform: rotate(0deg);
    top: 20rpx;
    /*right: 50rpx;*/
  }
  to {
    transform: rotate(360deg);
    transition-duration: 0.6s;
    transition: 0.6s;
    top: 220rpx;
    /*right: 200rpx;*/
  }
}
.changerotate3{
  animation: 800ms rotatefresh3 1;
  animation-fill-mode:forwards;
}
@keyframes rotatefresh3 {
  from {
    transform: rotate(0deg);
    top: 20rpx;
    //right: 50rpx;
  }
  to {
    transform: rotate(360deg);
    transition-duration: 0.6s;
    transition: 0.6s;
    top: 312rpx;
    //right: 200rpx;
  }
}
@keyframes rotatefresh {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    transition-duration: 0.6s;
    transition: 0.6s;
  }
}
.changeshrink1{
  animation: 800ms shrinkfresh1 1;
  animation-fill-mode:forwards;
}
@keyframes shrinkfresh1 {
  from {
    transform: rotate(0deg);
    top: 100rpx;
    //right: 200rpx;
  }
  to {
    transform: rotate(360deg);
    transition-duration: 0.6s;
    transition: 0.6s;
    top: 20rpx;
    //right: 50rpx;
  }
}
.changeshrink2{
  animation: 800ms shrinkfresh2 1;
  animation-fill-mode:forwards;
}
@keyframes shrinkfresh2 {
  from {
    transform: rotate(0deg);
    top: 200rpx;
    /*right: 200rpx;*/
  }
  to {
    transform: rotate(360deg);
    transition-duration: 0.6s;
    transition: 0.6s;
    top: 20rpx;
    /*right: 50rpx;*/
  }
}
.changeshrink3{
  animation: 800ms shrinkfresh3 1;
  animation-fill-mode:forwards;
}
@keyframes shrinkfresh3 {
  from {
    transform: rotate(0deg);
    top: 300rpx;
    //right: 200rpx;
  }
  to {
    transform: rotate(360deg);
    transition-duration: 0.6s;
    transition: 0.6s;
    top: 20rpx;
    //right: 50rpx;
  }
}
